import React from "react";
import { EditorMode } from "../types";

interface ViewAreaProps {
    mode: EditorMode;
}

const ViewArea: React.FC<ViewAreaProps> = ({ mode }) => {
    return (
        <div className="view-area">
            {mode === "2d" && <div className="canvas-2d">2D编辑区域</div>}
            {mode === "interactive" && <div className="canvas-interactive">交互编辑区域</div>}
            {mode === "preview" && <div className="preview">预览区域</div>}
        </div>
    );
};

export default ViewArea;
